#set($title = "智能会议预定系统-预约历史")
#includeFootable
<div class="row">
	<div class="span12">
<table class="footable table" data-filter="#filter" data-page-size="10" data-page-previous-text="上一页" data-page-next-text="下一页" data-page-navigation=".pagination">
    <thead>
        <tr>
        <th data-toggle="true">
            会议室
        </th>
        <th data-sort-initial="true">
            开始时间
        </th>
        <th data-hide="phone">
            结束时间
        </th>
        <th>
            会议标题
        </th>
        <th data-hide="all">
            会议描述
        </th>
    </thead>
    <tbody>
        #foreach($book in $myHisBooks)
        <tr>
            <td>
               $meetingTool.getMeetingName($book.getMeetingId())
            </td>
           <td>
               $date.format("yyyy-MM-dd HH:mm:ss",$book.getBookStartTime())
            </td>
			<td>
				 $date.format("yyyy-MM-dd HH:mm:ss",$book.getBookEndTime())
            </td>
            <td>
                $!book.getMeetingTitle()
            </td>
            <td>
                $!book.getMeetingDescription()
            </td>
            
        </tr>
        #end
    </tbody>
    <tfoot>
        <tr>
            <td colspan="4">
                <div class="pagination pagination-centered">
                </div>
            </td>
        </tr>
    </tfoot>
</table>
</div>
#if($myBooks.size()==0)
<div class="span12">
		 <div class="ui-widget">
                  <div class="ui-state-highlight ui-corner-all">
                   <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
	                    您<strong>尚未</strong> 预定过会议室！</p>
	                  </div>
                </div></div>		
		#end
</div>
<script type="text/javascript">
    $(function(){
        $('.footable').footable();
        $('.clear-filter').click(function(e){
            e.preventDefault();
            $('table.demo').trigger('footable_clear_filter');
            $("select[class^='filter-']").each(function(){
                $(this).val('全部');
            });
            $("#filter").val("");
        });
        $("select[class^='filter-']").change(function(e){
            e.preventDefault();
            var filter = $(this).val();
            $('#filter').val($(this).text());
            $('table.footable').trigger('footable_filter', {
                filter: filter
            });
        });
        $("tfoot tr td").show();
    });
</script>
